<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WELCOME</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../layui-v2.6.8/layui/css/layui.css"  media="all">
    <script type="text/javascript" src="../layui-v2.6.8/layui/layui.js"></script>
    <script type="text/javascript" src="../js/jQuery%20v3.6.0.js"></script>

    <style>
        .layui-carousel{
            margin: 0px auto;
            margin-top: 20px;
        }

        .title{
            font-weight: 700;
            margin: auto;
            height: auto;
            margin-top: 50px;
            margin-bottom: 50px;
            padding: 0;
            text-align: center;
            font-family: 黑体;
        }
        .tip{
            font-size: 16px;
            margin-top: 5px;
        }
        .layui-footer{
            background-color:#f0f0f0;
            height: 50px;
            margin-top: 20px;
            text-align: center;
            padding-top: 30px;
        }

    </style>

</head>
<body>
<div>
    <div class="title">
        <h1>欢迎访问阳光物流系统</h1>
    </div>
    <div class="layui-carousel" id="test1" lay-filter="test1">
        <div carousel-item="">
            <div><img src="images/welcome/head1.png" width="100%"></div>
            <div><img src="images/welcome/head2.png" width="100%"></div>
            <div><img src="images/welcome/head3.png" width="100%"></div>
        </div>
    </div>

    <div class="title">
        <h1>物流服务介绍</h1>
    </div>

    <div class="layui-bg-gray" style="padding: 30px;">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header"><h2>阳光特快</h2></div>
                    <div class="layui-card-body">
                        <p class="tip">为您提供“快速、准时、稳定”的高品质、门到门的标准快递服务</p><br><br>
                        <img src="images/welcome/ser1.png" width="580px">
                    </div>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header"><h2>重货包裹</h2></div>
                    <div class="layui-card-body">
                        <p class="tip">主打20-100KG门到门服务，面向B2C、C2C、B2B等多种场景，高品质上门上楼收派服务</p><br>
                        <img src="images/welcome/ser2.png" width="580px">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header"><h2>整车直达</h2></div>
                    <div class="layui-card-body">
                        <p class="tip">客制化的整车装运物流服务，主要覆盖单票3吨以上，通过点对点、点对多点的方式实现货物直达</p><br>
                        <img src="images/welcome/ser3.png" width="580px">
                    </div>
                </div>
            </div>
            <div class="layui-col-md6">
                <div class="layui-card">
                    <div class="layui-card-header"><h2>冷链运输</h2></div>
                    <div class="layui-card-body">
                        <p class="tip">基于冷仓，对有温度控制要求的食品，提供全程陆运冷链运输，末端优先派送的专属冷运快递服务</p><br>
                        <img src="images/welcome/ser4.png" width="580px">
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="title">
        <h1>新闻资讯</h1>
    </div>
    <div class="layui-bg-gray" style="padding:30px;padding-left: 300px;">
        <div class="layui-row layui-col-space15">

            <div class="layui-col-md6" style="width: 800px;">
                <div class="layui-panel">
                    <div >
                        <div>
                            <img src="images/welcome/news1.png" width="300px">
                            <div style="float: right;margin-right: 180px;margin-top: 50px;">
                                <h2>助力618 | 服务为先，一往无前</h2>
                                <p>你因信任而托付，我们只为不负所托。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md6" style="width: 800px">
                <div class="layui-panel">
                    <div >
                        <div>
                            <img src="images/welcome/news2.png" width="300px">
                            <div style="float: right;margin-right: 150px;margin-top: 50px;">
                                <h2>航空机队规模增长至66架</h2>
                                <p style="width: 300px">2021年6月14日，正值“水果航班”运行高峰，航空有限公司（简称“航空”）第66架全货机（注册号C222、机型B323-300CF）正式加入机队，将促进提升机队整体运能与高峰期航班运行品质。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="layui-footer">
        <!-- 底部固定区域 -->
        ©2021 版权所有：融创软通Java4第五组实训项目
    </div>

</div>

<script>
    layui.use(['carousel'], function() {
        var carousel = layui.carousel

        //改变下时间间隔、动画类型、高度
        carousel.render({
            elem: '#test1'
            ,interval: 2000
            ,anim: 'fade'
            ,height: '450px'
            ,width:'80%'
        });
    })
</script>

</body>
</html>